// modules/orderPayModule/pages/order/list/list.js
import { reqOrderList } from '../../../api/orderpay'

Page({
  // 页面的初始数据
  data: {
		orderList: [], // 订单列表
		page : 1, // 页码
		limit : 10, // 每页展示的条数
		total : 0, // 订单列表总条数
		isLoading : false, // 判断数据是否加载完毕
	},

	// 获取订单列表
	async getOrderList () {
		// 解构获取数据
		const { page ,limit } = this.data;

		// 请求节流
		// 数据正在请求中
		this.data.isLoading = true;

		// 调用接口获取订单列表数据
		const res = await reqOrderList(page,limit)

		// 数据加载完毕
		this.data.isLoading = false;

		if(res.code === 200) {
			this.setData({
				orderList : [...this.data.orderList, ...res.data.records],
				total : res.data.total 
			})
		}
	},
	
	// 页面上拉触底事件的处理函数
	onReachBottom () {
		// 解构数据
		const {page,total,orderList,isLoading} = this.data;

		// 判断是否加载完毕，如果是 isLoading 等于 true
		// 说明数据还没有加载完毕，不加载下一页数据
		if(isLoading) return;

		// 数据总条数 和 订单列表长度进行对比
		if(total === orderList.length) {
			wx.toast({
				title : '数据加载完毕'
			})
			return ;
		}

		// 更新 page
		this.setData({page : page + 1})

		// 重新发送请求
		this.getOrderList();
	},

	// 生命周期函数--监听页面加载
	onLoad() {
		this.getOrderList();
	}

})